<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>WeUI</title>
  <!-- 引入 WeUI -->
  <link rel="stylesheet" href="css/weui.css"/>
</head>
<body>
<form action="collect" method="post">
  <div class="weui_cells weui_cells_form">
    <div class="weui_cell weui_cell_select weui_select_after">
      <div class="weui_cell_hd">
        <label class="weui_label">省份</label>
      </div>
      <div class="weui_cell_bd weui_cell_primary">
        <select class="weui_select" id="province" onchange="getCities()">
          <option value="0">请选择</option>
          <% for(province in provinceList) { %>
            <option value="${province.id}">${province.name}</option>
          <% } %>
        </select>
      </div>
    </div>
    <input type="hidden" name="chant.province" id="chantProvince">
    <div class="weui_cell weui_cell_select weui_select_after">
      <div class="weui_cell_hd">
        <label class="weui_label">城市</label>
      </div>
      <div class="weui_cell_bd weui_cell_primary">
        <select class="weui_select" name="chant.city" id="city">
          <option value="0">请选择</option>
        </select>
      </div>
    </div>
    <div class="weui_cell">
      <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
      <div class="weui_cell_bd weui_cell_primary">
        <input class="weui_input" type="text" name="chant.name" placeholder="请输入姓名"/>
      </div>
    </div>
    <% for(book in bookList) { %>
    <div class="weui_cell">
      <div class="weui_cell_hd"><label class="weui_label">${book.name}</label></div>
      <div class="weui_cell_bd weui_cell_primary">
        <input class="weui_input" type="number" name="chant.c${book.id}" placeholder="请输入数量"/>
      </div>
    </div>
    <% } %>
    <div class="weui_btn_area">
      <input class="weui_btn weui_btn_primary" type="button" value="确定" onclick="submitForm()">
    </div>
  </div>
</form>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/chant.js"></script>
</body>
</html>